﻿
@model AceMobile.Models.Phones.Phone

@{
    ViewBag.Title = "Chi tiết thiết bị";
    AceMobile.Models.MobileWebContext context = new AceMobile.Models.MobileWebContext();
    List<AceMobile.Models.Phones.PhoneProducer> listProducer = context.PhoneProducers.ToList();    
}


<link href="../../Content/Phoneindex.css" rel="stylesheet" />
<style>
    *
    {
        margin: 0px;
    }
    #details
    {
        font-size: 14px;
        padding: 10px;
        width: 100%;
    }
</style>
<script>    
    function detail_click() {
        if ($('#plusdetail').text() == "+") {
            $('#detail').fadeIn();   
            $('#plusdetail').text("-");
        }else {
            $('#detail').fadeOut();   
            $('#plusdetail').text("+");
        }        
    }
    function concise_click() {
        if ($('#plusconcise').text() == "+") {
            $('#concise').fadeIn();   
            $('#plusconcise').text("-");
        }else {
            $('#concise').fadeOut();   
            $('#plusconcise').text("+");
        }        
    }
</script>

                                             

<div id="details">
    <h2>Chi tiết thiết bị</h2>
    <fieldset>
        <legend style="font-size: 16px; font-weight: bold">Thiết bị</legend>
        <table>
            <tr>
                <td style="width: 400px">
                    <div style="color: #ff6a00; font-weight: bold">Tên: @Html.DisplayFor(model => model.Name)</div>
                    <div>Kích cỡ: @Html.DisplayFor(model => model.Size)'</div>
                    <div>Giá: @Model.Price.ToString("#,##0") vnđ</div>                            
                    <div><span id="plusconcise" onclick="concise_click()" style="cursor: pointer">+</span> Thông tin vắn tắt: <br />
                        <div id="concise" style="display: none; border: 1px solid black; margin-left: 20px; padding-left: 2px; width: 500px">
                            @(new HtmlString(Model.ConciseFeature))
                        </div>
                    </div>
                    <div><span id="plusdetail" onclick="detail_click()" style="cursor: pointer">+</span> Thông tin chi tiết: <br />
                        <div id="detail" style="display: none; border: 1px solid black; margin-left: 20px; padding-left: 2px; width: 500px">
                            @(new HtmlString(Model.DetailFeature))
                        </div>
                    </div>
                    <div>Ngày sản xuất: @Html.DisplayFor(model => model.ManufacturingDate)</div>
                    <div>Sản xuất tại: @Html.DisplayFor(model => model.MadeIn)</div>
                    <div>Hãng sản xuất: @Html.DisplayFor(model => model.PhoneProducer.Name)</div>
                    <div>Hệ điều hành: @Html.DisplayFor(model => model.PhoneOS.Name)</div>
                    <div>Số lượt quan tâm: @Html.DisplayFor(model => model.ViewAmount)</div>
                    <br /> 
                </td>
                <td>
                    <img src="@Url.Content(Model.ImageUrl.ToString())" /> 
                </td>
            </tr>
        </table>
                
    </fieldset>
    <p>
        @Html.ActionLink("Sửa dữ liệu", "Edit", new {id=Model.ID})  |    
        @Html.ActionLink("Trở lại danh sách", "Index")
    </p>
</div>        
       